control();
setInterval("switchl()",5000);
hoverr();

var x = 0;
var y =0;
function control(){
	$(".circle li").click(function(){		
		x = $(this).index();
		$(this).css({'height':'8px','background':'white','transition':'background 4000ms linear'});
		$(this).siblings().css({'height':'5px','background':' #e4ddd6','transition':'none'});
		$('.pic li').eq(x).fadeIn(500).siblings().hide();		
	});
	return x;
}
function switchl(){	
	if(x>5){
		x=0;
	};
	$(".circle li").eq(x).css({'height':'8px','background':'white','transition':'background 4000ms linear'});
	$('.circle li').eq(x).siblings().css({'height':'5px','background':' #e4ddd6','transition':'none'});
	$('.pic li').eq(x).fadeIn(500).siblings().hide();
	y = x;
	x++;
	return y;
}
function hoverr(){
	$(".circle>li").hover(function(){
		var i = $('this').index();
		$(this).css({'height':'8px'});
	},
	function(){
		if(y!=$(this).index()){
			$(this).css({'height':'5px'});	
		}		
	});
}